<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" >
<head><title>AllVideos Reloaded Documentation</title>
<style type="text/css">
    body {
        font-family:Arial,Helvetica,sans-serif;
        font-size:76%;
        line-height:1.3;
    }
    a {
        text-decoration:none;
        font-weight:bold;
    }
    a:hover {
        text-decoration:underline;
    }
    a:active,a:focus {
        outline:none;
    }
    a,h2,a:hover,li#current a,li.parent li#current a,li#current li a:hover {
       color:#53a31c;
    }
    .small,.createdate,.modifydate {
        font:0.9em Arial,Helvetica,sans-serif;
        color:#53a31c;
    }
    table.avrtable {
        border-left: 1px solid #000;
        border-bottom: 1px solid #000;
    }
    table.avrtable td,
    table.avrtable th {
        border-right: 1px solid #000;
        border-top: 1px solid #000;
    }
    
    span.alert {
        background:#FFD6D6 url(notice-alert.png) no-repeat scroll 10px 50%;
        border-bottom:3px solid #FE7B7A;
        border-top:3px solid #FE7B7A;
        color:#CC0000;
    }
    span.info {
        background:#C0D2E8 url(notice-info.png) no-repeat scroll 10px 50%;
        border-bottom:3px solid #629DE3;
        border-top:3px solid #629DE3;
        color:#0055BB;
    }
    span.note {
        background:#F0E6BE url(notice-note.png) no-repeat scroll 10px 50%;
        border-bottom:3px solid #FDE179;
        border-top:3px solid #FDE179;
        color:#B79000;
    }
    span.download {
        background:#DEE6C5 url(notice-download.png) no-repeat scroll 10px 50%;
        border-bottom:3px solid #C2DF88;
        border-top:3px solid #C2DF88;
        color:#57861A;
    }
    span.alert, span.info, span.download, span.note {
        display:block;
        margin:15px 0pt;
        padding:10px 10px 10px 45px;
    }
    .contenttoc {
        float: right;
        margin-left: 10px;
        margin-bottom: 10px;
    }
</style>
</head><body>
<table class="contentpaneopen">
<tr>
<td valign="top" colspan="2">
	<table cellpadding="0" cellspacing="0" class="contenttoc">
	<tr>
		<th>Article Index</th>
	</tr>
	<tr>
		<td>
		<a href="en-gb.doc0.html">Introduction</a>
		</td>
	</tr>
			<tr>
				<td>
				<a href="en-gb.doc1.html">Licence</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="en-gb.doc2.html">Streaming local content</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="en-gb.doc3.html">Streaming remote content</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="en-gb.doc4.html">Plugin Parameters</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="en-gb.doc5.html">Using playlists</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="en-gb.doc6.html">Managing playlists</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="en-gb.doc7.html">Using the AVR Media button</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="en-gb.doc8.html">Popup window and lightbox</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="en-gb.doc9.html">The system plugin</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="en-gb.doc10.html">Managing Players, Rippers and Tags</a>
				</td>
			</tr>
			</table><div class="pagenavcounter">Page 5 of 11</div>
<h2>Plugin Parameters</h2>
<p>The plugin parameters can be set in two ways: First, in the administration backend of the plugin, you can preset global parameters which affect all videos. Second, you can override these global settings in each tag individually. When overriding parameters, you add them - separated by spaces - inside the first part of the tag like this: <code>{<samp>flv</samp> width=&quot;180&quot; height=&quot;150&quot; autostart=&quot;true&quot;}party{/flv}</code>. Overriding always uses a <strong>lowercase</strong> <strong>attribute name</strong>, followed by an <strong>equal sign</strong>, followed by the attribute's value quoted in <strong>double quotation marks</strong>.</p>
<p>The following table shows the supported parameter names, their attribute counterparts (the name to use when overriding) and their possible values. As described in the Table of supported local formats, there are different players used for various media formats. The <strong>only</strong> player which supports <strong>all</strong> of the listed parameters is the <strong>JW Media Player</strong>. All <strong>other players</strong> usually support <samp>width</samp>, <samp>height</samp> and <samp>autoplay</samp> <strong>only</strong>. The <strong>YouTube</strong> player is an exception. It supports some special attributes which are described in the table at the end of this page. <span class="info">Please note: Some special attributes are <strong>not</strong> available in the backend parameter page but can be set in the tag only. Those attributes are explained in the remarks.</span></p>
<table border="0" cellpadding="5" cellspacing="0" class="avrtable" id="paramtbl" summary="Plugin parameters" width="100%">
	<caption> </caption>
	<thead>
		<tr align="left" valign="top">
			<th id="th083450080000">Global section</th>
			<th id="th083450080001">Global parameter name</th>
			<th id="th083450080002">Attribute name</th>
			<th id="th083450080003">Values</th>
		</tr>
	</thead>
	<tbody>
		<tr align="left" valign="top">
			<td headers="th083450080000">Plugin Parameters</td>
			<td headers="th083450080001">Container class</td>
			<td headers="th083450080002">avcss</td>
			<td headers="th083450080003">any class name</td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Plugin Parameters</td>
			<td headers="th083450080001">Master video width</td>
			<td headers="th083450080002">width</td>
			<td headers="th083450080003">a pixel value</td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Plugin Parameters</td>
			<td headers="th083450080001">Master video height</td>
			<td headers="th083450080002">height</td>
			<td headers="th083450080003">a pixel value</td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Plugin Parameters</td>
			<td headers="th083450080001">iFilm video width</td>
			<td headers="th083450080002">iwidth</td>
			<td headers="th083450080003">a pixel value</td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Plugin Parameters</td>
			<td headers="th083450080001">iFilm video height</td>
			<td headers="th083450080002">iheight</td>
			<td headers="th083450080003">a pixel value</td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Plugin Parameters</td>
			<td headers="th083450080001">Metacafe video width</td>
			<td headers="th083450080002">mwidth</td>
			<td headers="th083450080003">a pixel value</td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Plugin Parameters</td>
			<td headers="th083450080001">Metacafe video height</td>
			<td headers="th083450080002">mheight</td>
			<td headers="th083450080003">a pixel value</td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Plugin Parameters</td>
			<td headers="th083450080001">Flash display mode</td>
			<td headers="th083450080002">wmode</td>
			<td headers="th083450080003"><var>window</var>, <var>transparent</var> or <var>opaque</var></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Plugin Parameters</td>
			<td headers="th083450080001">Flash background color</td>
			<td headers="th083450080002">bgcolor</td>
			<td headers="th083450080003">a color value <sup>1)</sup></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Plugin Parameters</td>
			<td headers="th083450080001">Master audio width</td>
			<td headers="th083450080002">awidth</td>
			<td headers="th083450080003">a pixel value</td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Plugin Parameters</td>
			<td headers="th083450080001">Master audio height</td>
			<td headers="th083450080002">aheight</td>
			<td headers="th083450080003">a pixel value</td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Advanced Parameters</td>
			<td headers="th083450080001">Controls color</td>
			<td headers="th083450080002">pbgcolor</td>
			<td headers="th083450080003">a color value <sup>1)</sup></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Advanced Parameters</td>
			<td headers="th083450080001">Controls text color</td>
			<td headers="th083450080002">pfgcolor</td>
			<td headers="th083450080003">a color value <sup>1)</sup></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Advanced Parameters</td>
			<td headers="th083450080001">Controls highlight color</td>
			<td headers="th083450080002">phicolor</td>
			<td headers="th083450080003">a color value <sup>1)</sup></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Advanced Parameters</td>
			<td headers="th083450080001">Video background</td>
			<td headers="th083450080002">psccolor</td>
			<td headers="th083450080003">a color value <sup>1)</sup></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Advanced Parameters</td>
			<td headers="th083450080001">Autostart</td>
			<td headers="th083450080002">autostart</td>
			<td headers="th083450080003"><var>true</var> or <var>false</var></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Advanced Parameters</td>
			<td headers="th083450080001">Show control bar</td>
			<td headers="th083450080002">shownav</td>
			<td headers="th083450080003"><var>true</var> or <var>false</var></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Advanced Parameters</td>
			<td headers="th083450080001">Show digits</td>
			<td headers="th083450080002">showdigits</td>
			<td headers="th083450080003"><var>true</var> or <var>false</var></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Advanced Parameters</td>
			<td headers="th083450080001">Show icons</td>
			<td headers="th083450080002">showicons</td>
			<td headers="th083450080003"><var>true</var> or <var>false</var></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Advanced Parameters</td>
			<td headers="th083450080001">Show stop</td>
			<td headers="th083450080002">showstop</td>
			<td headers="th083450080003"><var>true</var> or <var>false</var></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Advanced Parameters</td>
			<td headers="th083450080001">Show download</td>
			<td headers="th083450080002">showdownload</td>
			<td headers="th083450080003"><var>true</var> or <var>false</var> <sup>7)</sup></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Advanced Parameters</td>
			<td headers="th083450080001">Show fullscreen button</td>
			<td headers="th083450080002">usefullscreen</td>
			<td headers="th083450080003"><var>true</var> or <var>false</var></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Advanced Parameters</td>
			<td headers="th083450080001">Scriptable</td>
			<td headers="th083450080002">enablejs</td>
			<td headers="th083450080003"><var>true</var> or <var>false</var> <sup>5)</sup></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Advanced Parameters</td>
			<td headers="th083450080001">Logo</td>
			<td headers="th083450080002">logo</td>
			<td headers="th083450080003">URL/relative path <sup>2)</sup></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Advanced Parameters</td>
			<td headers="th083450080001">Video screen mode</td>
			<td headers="th083450080002">screenmode</td>
			<td headers="th083450080003">a mode identifier <sup>3)</sup></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Advanced Parameters</td>
			<td headers="th083450080001">Playlist size</td>
			<td headers="th083450080002">plsize</td>
			<td headers="th083450080003">a pixel value <sup>3)</sup></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Advanced Parameters</td>
			<td headers="th083450080001">Stretch content</td>
			<td headers="th083450080002">stretch</td>
			<td headers="th083450080003"><var>0</var>, <var>1</var>, <var>2</var> or <var>3</var> <sup>4)</sup></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Advanced Parameters</td>
			<td headers="th083450080001">Minimum Flash Version</td>
			<td headers="th083450080002">flashver</td>
			<td headers="th083450080003">Three numbers, separated by dots <sup>10)</sup></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Advanced Parameters</td>
			<td headers="th083450080001">Show equalizer</td>
			<td headers="th083450080002">showeq</td>
			<td headers="th083450080003"><var>true</var> or <var>false</var></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Advanced Parameters</td>
			<td headers="th083450080001">Show search bar</td>
			<td headers="th083450080002">searchbar</td>
			<td headers="th083450080003"><var>true</var> or <var>false</var></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Advanced Parameters</td>
			<td headers="th083450080001">Search provider</td>
			<td headers="th083450080002">searchlink</td>
			<td headers="th083450080003">URL <sup>12)</sup></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">Advanced Parameters</td>
			<td headers="th083450080001">Alternate content</td>
			<td headers="th083450080002">alt</td>
			<td headers="th083450080003">any valid HTML <sup>13)</sup></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">-</td>
			<td headers="th083450080001">-</td>
			<td headers="th083450080002">cfg</td>
			<td headers="th083450080003">URL <sup>6)</sup></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">-</td>
			<td headers="th083450080001">-</td>
			<td headers="th083450080002">displaywidth</td>
			<td headers="th083450080003">a pixel value <sup>3)</sup></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">-</td>
			<td headers="th083450080001">-</td>
			<td headers="th083450080002">displayheight</td>
			<td headers="th083450080003">a pixel value <sup>3)</sup></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">-</td>
			<td headers="th083450080001">-</td>
			<td headers="th083450080002">divid</td>
			<td headers="th083450080003">any ID value <sup>5)</sup></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">-</td>
			<td headers="th083450080001">-</td>
			<td headers="th083450080002">link</td>
			<td headers="th083450080003">URL <sup>7)</sup></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">-</td>
			<td headers="th083450080001">-</td>
			<td headers="th083450080002">linkfromdisplay</td>
			<td headers="th083450080003"><var>true</var> or <var>false</var> <sup>7)</sup></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">-</td>
			<td headers="th083450080001">-</td>
			<td headers="th083450080002">linktarget</td>
			<td headers="th083450080003">a window name (e.g. _blank) <sup>7)</sup></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">-</td>
			<td headers="th083450080001">-</td>
			<td headers="th083450080002">plthumbs</td>
			<td headers="th083450080003"><var>true</var> or <var>false</var> <sup>8)</sup></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">-</td>
			<td headers="th083450080001">-</td>
			<td headers="th083450080002">type</td>
			<td headers="th083450080003">A file type <sup>9)</sup></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">-</td>
			<td headers="th083450080001">-</td>
			<td headers="th083450080002">repeat</td>
			<td headers="th083450080003"><var>false</var>, <var>true</var> or <var>list</var> <sup>8)</sup></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">-</td>
			<td headers="th083450080001">-</td>
			<td headers="th083450080002">shuffle</td>
			<td headers="th083450080003"><var>true</var> or <var>false</var> <sup>8)</sup></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">-</td>
			<td headers="th083450080001">-</td>
			<td headers="th083450080002">autoscroll</td>
			<td headers="th083450080003"><var>true</var> or <var>false</var> <sup>8)</sup></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">-</td>
			<td headers="th083450080001">-</td>
			<td headers="th083450080002">recurl</td>
			<td headers="th083450080003">URL <sup>11)</sup></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">-</td>
			<td headers="th083450080001">-</td>
			<td headers="th083450080002">img</td>
			<td headers="th083450080003">URL <sup>14)</sup></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">-</td>
			<td headers="th083450080001">-</td>
			<td headers="th083450080002">volume</td>
			<td headers="th083450080003">int <sup>15)</sup></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">-</td>
			<td headers="th083450080001">-</td>
			<td headers="th083450080002">menu</td>
			<td headers="th083450080003"><var>true</var> or <var>false</var> <sup>16)</sup></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th083450080000">-</td>
			<td headers="th083450080001">-</td>
			<td headers="th083450080002">popup</td>
			<td headers="th083450080003"><var>true</var> or <var>false</var> <sup>17)</sup></td>
		</tr>
	</tbody>
</table>
<p>Remarks:</p>
<p class="left">1. Color values can be specified in any of the following formats and are converted to the correct format automatically:</p>
<ul>
	<li>A 6-digit hexadecimal value, preceeded by a hash sign (e.g.: <samp>#223344</samp> like ordinary HTML syntax)</li>
	<li>A 3-digit hexadecimal value, preceeded by a hash sign (e.g.: <samp>#234</samp> like CSS short syntax)</li>
	<li>3 decimal values following the word rgb in parenthesis (e.g.: <samp>rgb(99,140,235)</samp> - like CSS rgb syntax)</li>
	<li>A 1-6-digit hexadecimal value, preceeded by 0x (e.g.: <samp>0x2345</samp> like in JavaScript)</li>
	<li>One of the 16 standardized color names as specified in HTML 4.0.1 (e.g.: <samp>red</samp>)</li>
</ul>
<p>2. Logo images can be specified either by their absolute URL (e.g.: http://host/logo.png) or - if locally stored on the same server - by their local path (e.g.: /images/stories/logo2.png). The logo should be png (preferred) or gif in order to support transparency. The logo is always positioned in the upper right corner of the video screen. If you like a different position you can work around this limitation by creating a larger image where most of the image is transparent.</p>
<p>3. The parameter screenmode is kind of special. It is <strong>not</strong> an actual parameter for JW mediaplayer but a shortcut which affects how the player's parameters <strong>displaywidth</strong> and <strong>displayheight</strong> (those specify the size of the player's video screen) are calculated by the plugin. The following modes are available:</p>
<table border="0" cellpadding="1" cellspacing="5" summary="Display modes" width="100%">
	<thead>
		<tr align="left" valign="top">
			<th id="th086889280000"> </th>
			<th id="th086889280001">Mode</th>
			<th id="th086889280002">Description</th>
		</tr>
	</thead>
	<tbody>
		<tr align="left" valign="top">
			<td align="left" headers="th086889280000" valign="top"> </td>
			<td headers="th086889280001"><var>default</var></td>
			<td headers="th086889280002">This mode results in the standard display where the player's control bar is located below the screen. Since the control bar has a height of 20 pixels, the available screen size is <strong>width × height - 20</strong>.</td>
		</tr>
		<tr align="left" valign="top">
			<td align="left" headers="th086889280000" valign="top"> </td>
			<td headers="th086889280001"><var>coverlay</var></td>
			<td headers="th086889280002">In this mode, displaywidth and displayheight are set equally to width and height. This results in the control bar being shown transparently inside the screen area. Furthermore, the control bar fades out, if the mouse leaves the screen area and reappears if the mouse enters the screen area. The available screen size in this mode is <strong>width × height</strong>.</td>
		</tr>
		<tr align="left" valign="top">
			<td align="left" headers="th086889280000" valign="top"> </td>
			<td headers="th086889280001"><var>plbottom</var></td>
			<td headers="th086889280002">This mode is intended to display a playlist at the bottom below the control bar. The height of this scrollable window is taken from the parameter <strong>plsize</strong>. The available screen size in this mode is <strong>width × height - 20 - plsize</strong>.</td>
		</tr>
		<tr align="left" valign="top">
			<td align="left" headers="th086889280000" valign="top"> </td>
			<td headers="th086889280001"><var>plright</var></td>
			<td headers="th086889280002">Like plbottom, except the playlist is to be displayed to the right of the screen. The width of the scrollable window is taken from the parameter <strong>plsize</strong>. The available screen size in this mode is <strong>width - plsize × height - 20</strong>.</td>
		</tr>
		<tr align="left" valign="top">
			<td align="left" headers="th086889280000" valign="top"> </td>
			<td headers="th086889280001"><var>floatcplright</var></td>
			<td headers="th086889280002">A combination of <strong>coverlay</strong> and <strong>plright</strong>. In this mode, the available screen size is <strong>width - plsize × height</strong>.</td>
		</tr>
	</tbody>
</table>
<p><span class="info">Please note: When <strong>overriding</strong> <var>displaywidth</var> or <var>displayheight</var> <strong>within the tag</strong>, then the whole automatic calculation described above is <strong>disabled</strong>.</span></p>
<p>4. The stretch mode defines how to stretch movies to make them fit the display size. <var>1</var> will stretch them proportionally to fill the display, <var>0</var> will stretch them to fit. <var>2</var> will stretch them disproportionally to fit both height and width. <var>3</var> will show all items in their original dimensions.</p>
<p>5. If enabling scripting, the player can be controlled with JavaScript. To do this (and to distinguish multiple players in a page) it has to be addressed by it's ID. For easy scripting, this ID (which otherwise would be assigned automatically by the plugin) can be set manually by using the attribute <strong>divid</strong>. The resulting ID of the flash object to be used from within JavaScript is the specified value, <strong>prefixed</strong> by <strong>p_</strong>.</p>
<p>6. If many parameters have to be specified, you end up with quite lenghly tags. Alternatively, you can put all those parameters in a config file and then simply reference that. The URL, specified in the <strong>cfg</strong> attribute should point to a configuration XML file. The variable names in that file might differ from the attributes listed above. See the <a href="http://www.jeroenwijering.com/extras/readme.html" onclick="window.open(this.href);return false;" onkeypress="window.open(this.href);return false;">JW Media Player documentation</a> for a reference. An example file can be found <a href="http://www.jeroenwijering.com/upload/config.xml" onclick="window.open(this.href);return false;" onkeypress="window.open(this.href);return false;">here</a>.</p>
<p>7. The URL, specified in the link attribute is normally used for providing a download of the media or related information. This URL is invoked, when the player's download button is activated. Additionally, if the attribute <strong>linkfromdisplay</strong> is set to <strong>true</strong>, a click in the players display invokes that URL instead of toggling play/pause. The attribute <strong>linktarget</strong> (default: _blank) specifies the window in which this URL will be shown.</p>
<p>8. If <strong>plthumbs</strong> is set to true <strong>and</strong> a playlist is provided which provides image tags in its entries, those images are displayed as thumbnails in the playlist. If <strong>autoscroll</strong> is set to <strong>true</strong>, the playlist is scrolling automatically via mouse movement instead of using a scrollbar. The attribute <strong>repeat</strong> specifies how to proceed when a media stream is finished: <strong>false</strong> means stop the player, <strong>true</strong> means repeat the stream from beginning and <strong>list</strong> means start playing the next item in the playlist. In this context, the next item to be played is selected depending on the parameter <strong>shuffle</strong> (default: true). If this is set to <strong>false</strong>, the playlist is iterated <strong>sequentially</strong>. Using playlists is explained further down.</p>
<p>9. If using the <strong>remote</strong> variant of a media tag, you can reference any media file, even with a different extension or non extension at all. If this is the case, JW Media Player might not recognize the file type correctly. With this attribute you can <strong>forcibly</strong> set the media type to one of the supported types.</p>
<p>10. This attribute allows you to set the minimum Flash version, required to use the builtin JW Media Player. The player requires at least Flash version 7, however when running under that version, the features &quot;display of GIF/PNG images&quot;, &quot;smoothing of scaled images/video&quot;, VP6 and H264 encoded video, javascripting and the digits in the controlbar are <strong>not</strong> functional. Furthermore, for full screen display, at least Flash version 9.0.28 is required and for playing H264 encoded videos, at least Flash version 9.0.98. For full functionality, it is therefore <strong>strongly</strong> recommended, to specify at least version 9.0.28 (if using the fullscreen feature) or version 8 (without using fullscreen).</p>
<p>11. This attribute provides an URL for a recommendations XML file. A recommendations XML file contains titles, thumbnails and URLs for recommended Items, related to the currently playing video. It's content is shown after the video has finished playing (Similar like on YouTube). A sample recommendations XML file can be found <a href="http://www.jeroenwijering.com/upload/recommendations.xml">here</a>.</p>
<p>12. The URL provided here defines an alternate search provider which is used, when a user uses the search function of the search bar. The text typed by the user is appended to this URL. Example: If the URL is <samp>http://youtube.com/results?search_query=</samp> and the user searches for <samp>computer</samp>, then the resulting query is <samp>http://youtube.com/results?search_query=computer</samp>.</p>
<p>13. By default, the plugin provides two different warnings if the content can not be displayed: The first warning is displayed, if JavaScript is not available. Another warning is displayed, when JavaScript is working, but the flash plugin is either not available or it's version is below the value of the parameter <strong>flashver</strong>. With this parameter, the second warning can be replaced by custom content. If custom content is provided, the first warning will be disabled completely. The custom content <strong>must not</strong> contain any single quote or closing curly brace. To display those characters, they <strong>have to</strong> be encoded using html entities. The default warnings look like this:</p>
<p>Typical appearance of the default JavaScript warning (uses localized text):</p>
<ins>
	<div style="background-color:red;color:white;width:160px"><strong>JavaScript is disabled!</strong><br />To display this content, you need a JavaScript capable browser.</div>
</ins>
<p>Typical appearance of the default Flash warning (uses localized text):</p>
<div style="background-color:red;color:white;width:160px"><strong>Adobe Flash Player not installed or older than x.x.x!</strong><br /><a href="http://www.adobe.com/go/getflashplayer" onclick="window.open(this.href);return false;" onkeypress="window.open(this.href);return false;"><img alt="Get Adobe Flash Player here" border="0" height="41" src="../160x41_Get_Flash_Player.jpg" width="160" /></a></div>
<p>14. This attribute allows to specify a preview (thumbnail) image which is shown whenever the player is stopped. If a <strong>relative</strong> path is specified (i.e. the value does <strong>not</strong> start with a slash or <samp>http://</samp> or <samp>https://</samp>), then it is automatically prefixed by the default image directory (usually <samp>images/stories</samp>).</p>
<p>15. <!-- TRANSLATE -->The initial volume. Unit is percent, which implies a valid range of 0 .. 100.<!-- /TRANSLATE --></p>
<p>16. <!-- TRANSLATE -->This attribute can be used to manipulate the context menu of the player. For flash based players, setting this to false restricts the menu to the basic entries. For the DivX player, this disables the menu completely.<!-- /TRANSLATE --></p>
<p>17. <!-- TRANSLATE -->When this attribute is set to <strong>true</strong>, then the resulting player will be invisible and prepared to be displayed in a popup window or lightbox by using the <strong>avrpopup</strong> special tag.<!-- /TRANSLATE --></p>
<h2>Special parameters of the YouTube player</h2>
<p>When using the tag <samp>{<kbd>youtube</kbd>}</samp>, the YouTube player supports the following additional attributes (All boolean attributes have a default value of <strong>false</strong>):</p>
<table border="0" cellpadding="5" cellspacing="0" class="avrtable" id="ytparams" summary="YouTube special attributes" width="100%">
	<caption> </caption>
	<thead>
		<tr align="left" valign="top">
			<th id="th087EA2F80000">Global section</th>
			<th id="th087EA2F80001">Global parameter name</th>
			<th id="th087EA2F80002">Attribute name</th>
			<th id="th087EA2F80003">YouTube API Name</th>
			<th id="th087EA2F80004">Values</th>
		</tr>
	</thead>
	<tbody>
		<tr align="left" valign="top">
			<td headers="th087EA2F80000">Advanced Parameters</td>
			<td headers="th087EA2F80001">Autostart</td>
			<td headers="th087EA2F80002">autostart</td>
			<td align="left" headers="th087EA2F80003" valign="top">autoplay</td>
			<td headers="th087EA2F80004"><var>true</var> or <var>false</var></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th087EA2F80000">Advanced Parameters</td>
			<td headers="th087EA2F80001">Controls color</td>
			<td headers="th087EA2F80002">pbgcolor</td>
			<td align="left" headers="th087EA2F80003" valign="top">color1</td>
			<td headers="th087EA2F80004">a color value</td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th087EA2F80000">Advanced Parameters</td>
			<td headers="th087EA2F80001">Controls highlight color</td>
			<td headers="th087EA2F80002">phicolor</td>
			<td align="left" headers="th087EA2F80003" valign="top">color2</td>
			<td headers="th087EA2F80004">a color value</td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th087EA2F80000">-</td>
			<td headers="th087EA2F80001">-</td>
			<td headers="th087EA2F80002">ytborder</td>
			<td align="left" headers="th087EA2F80003" valign="top">border</td>
			<td headers="th087EA2F80004"><var>true</var> or <var>false</var></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th087EA2F80000">-</td>
			<td headers="th087EA2F80001">-</td>
			<td headers="th087EA2F80002">ytegm</td>
			<td align="left" headers="th087EA2F80003" valign="top">egm</td>
			<td headers="th087EA2F80004"><var>true</var> or <var>false</var></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th087EA2F80000">-</td>
			<td headers="th087EA2F80001">-</td>
			<td headers="th087EA2F80002">ytloop</td>
			<td align="left" headers="th087EA2F80003" valign="top">loop</td>
			<td headers="th087EA2F80004"><var>true</var> or <var>false</var></td>
		</tr>
		<tr align="left" valign="top">
			<td headers="th087EA2F80000">-</td>
			<td headers="th087EA2F80001">-</td>
			<td headers="th087EA2F80002">ytrel</td>
			<td align="left" headers="th087EA2F80003" valign="top">rel</td>
			<td headers="th087EA2F80004"><var>true</var> or <var>false</var></td>
		</tr>
	</tbody>
</table>
<p>More information about the meaning of those attributes can be found in the YouTube API specification <a href="http://code.google.com/apis/youtube/player_parameters.html" onclick="window.open(this.href);return false;" onkeypress="window.open(this.href);return false;">here</a>.</p>
<br /><div class="pagenavbar"><div><a href="en-gb.doc3.html">&lt;&lt; Prev</a> - <a href="en-gb.doc5.html">Next &gt;&gt;</a></div></div><br /></td>
</tr>
<tr>
	<td colspan="2"  class="modifydate">
		Last Updated ( Monday, 07 July 2008 22:29 )
	</td>
</tr>
</table></body>
</html>